<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>はじめに | Vue.js</title>
    <meta name="generator" content="VuePress 1.8.2">
    <link href="static/css/css.css" rel="stylesheet">
    <link href="static/css/font-awesome.min.css" rel="stylesheet">
    <link rel="icon" href="static/picture/logo.png">
    <link rel="manifest" href="https://v3.ja.vuejs.org/manifest.json">
    <link rel="apple-touch-icon" href="https://v3.ja.vuejs.org/images/icons/apple-icon-152x152.png">
    <script src="https://player.vimeo.com/api/player.js"></script>
    <script src="static/js/72160148.js" defer="defer"></script>
    <meta name="description" content="Vue.js - The Progressive JavaScript Framework">
    <meta name="theme-color" content="#3eaf7c">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="msapplication-TileImage" content="/images/icons/ms-icon-144x144.png">
    <meta name="msapplication-TileColor" content="#000000">
    
    <link rel="preload" href="static/css/0.styles.56247ca4.css" as="style"><link rel="preload" href="https://v3.ja.vuejs.org/assets/js/app.a367b364.js" as="script"><link rel="preload" href="https://v3.ja.vuejs.org/assets/js/11.07f1a83c.js" as="script"><link rel="preload" href="https://v3.ja.vuejs.org/assets/js/135.efa94c1a.js" as="script"><link rel="preload" href="https://v3.ja.vuejs.org/assets/js/31.360512aa.js" as="script"><link rel="preload" href="https://v3.ja.vuejs.org/assets/js/22.92da0aa8.js" as="script"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/1.fdf94f2f.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/100.c29c136b.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/101.ab4d334e.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/102.148c80b9.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/103.169a8bd3.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/104.83a5e94a.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/105.9b713075.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/106.35b632c5.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/107.ea50a964.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/108.e2d0a280.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/109.18378628.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/110.eebf3245.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/111.b49014d8.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/112.3ba498dc.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/113.5762b8cc.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/114.68a3da69.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/115.c13ff22e.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/116.9d05f44e.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/117.66a62a55.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/118.0ed7f722.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/119.ec174921.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/12.42d989f1.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/120.c24eb2a4.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/121.1bc96261.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/122.2a1d75e0.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/123.56b155b5.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/124.fedb693b.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/125.6476c466.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/126.16bfc48e.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/127.8c2f8418.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/128.37d474ec.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/129.5374a9f6.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/13.c3678e36.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/130.d56c02da.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/131.9a004f24.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/132.5afc7464.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/133.f36be53f.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/134.6139b154.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/136.6506dfd8.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/137.bde681e9.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/138.f4b7b529.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/139.0272edb2.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/14.8681f098.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/140.7109595e.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/141.b3c1e95a.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/142.3e10cdbe.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/143.68499709.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/144.643708af.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/145.1e7e1b90.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/146.a98c6b47.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/147.b5ac23fa.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/148.67655a7f.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/149.8e6de3b5.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/15.6d90fce4.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/150.8c294e83.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/151.3a5e54e4.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/152.92e8df09.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/153.039be9ca.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/154.aa65b5e8.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/155.096b0d6c.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/156.7ed3fb97.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/157.5e5a5cd5.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/158.3bbf0221.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/159.7ff5c083.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/16.6e4f07ac.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/160.53a3f070.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/161.93c7ac8a.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/162.57e1cd38.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/163.ee7b1be0.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/164.0a23a58b.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/165.34c07bae.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/166.b8835a2b.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/167.cd88aaf0.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/168.5ec23db3.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/169.f4fe6d94.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/17.8cc10808.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/170.b9d182c0.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/171.92442c3b.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/172.b922e6b9.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/173.c1aa74c3.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/174.47b2786d.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/175.ea50aa6c.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/176.49db7c61.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/177.a07d1d4f.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/178.631faefc.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/179.f1eb5bee.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/18.1f0b8311.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/180.b76cee9d.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/181.03226f50.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/182.005c15e0.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/183.5eabe829.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/184.8ae8ac58.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/185.e3824b80.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/186.88bb6005.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/187.3ea22087.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/188.9f24161f.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/19.8aa5fca8.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/2.07b5e890.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/20.16db6b53.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/21.db8b0579.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/23.b7f6e361.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/24.55143c9a.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/25.e7bf9d00.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/26.d19a3a4b.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/27.da33b5ed.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/28.194d990c.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/29.dc596ac2.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/3.649f99a9.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/30.cfd999a5.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/32.a59edcd8.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/33.d0a72ee2.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/34.b7d349a4.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/35.9c763fd0.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/36.3a66c340.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/37.c2251ecb.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/38.c7e70131.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/39.de3329ef.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/4.c40b5cad.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/40.77d10c67.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/41.83e3e6c0.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/42.84310e60.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/43.158d2183.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/44.d72c7562.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/45.73f29da0.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/46.7cf073d3.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/47.1863de12.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/48.2c0a9c1b.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/49.504d593c.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/5.289b0bd5.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/50.2de09124.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/51.8296e90e.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/52.0544dd2d.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/53.aed45ebd.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/54.cfb784d6.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/55.c3f196e7.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/56.0fc9e46c.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/57.c740a8ac.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/58.6ca10767.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/59.3c57a024.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/6.2e1beaf1.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/60.fb03b40e.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/61.b1dbb292.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/62.049d1bf7.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/63.5cf7da5b.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/64.3181c546.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/65.e0ed2109.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/66.35a7f727.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/67.607cceab.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/68.3370cd03.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/69.08fc5b23.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/7.bcdffae9.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/70.a336f4c4.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/71.9571c270.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/72.8178327b.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/73.e8d9dad9.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/74.13888484.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/75.8b23baeb.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/76.6ce8411f.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/77.1f854a07.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/78.916c1577.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/79.62f7dff3.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/80.b5e5c7eb.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/81.cca5e019.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/82.038079ed.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/83.cfbd620a.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/84.e7994c28.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/85.b78903c4.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/86.eed67eb4.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/87.7ae03f7a.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/88.715bfa4c.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/89.f2e1af4f.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/90.764fc4aa.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/91.68a19b4c.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/92.960abb49.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/93.b7fc8e72.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/94.58ea3faf.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/95.b1ee5073.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/96.adb36d73.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/97.13a7f643.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/98.79ba41ba.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/99.bd32d186.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/vendors~docsearch.aaf3a359.js"><link rel="prefetch" href="https://v3.ja.vuejs.org/assets/js/vendors~search-page.6c0223c3.js">
    <link rel="stylesheet" href="static/css/0.styles.56247ca4.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewbox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="index14.html" class="home-link router-link-active"><img src="static/picture/logo.png" alt="Vue.js" class="logo"> <span class="site-name can-hide">Vue.js</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Documentation Menu" class="dropdown-title"><span class="title">ドキュメント</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="introduction6.html" class="nav-link">
  ガイド
</a></li><li class="dropdown-item"><!----> <a href="javascript:;" class="nav-link">
  スタイルガイド
</a></li><li class="dropdown-item"><!----> <a href="javascript:;" class="nav-link">
  クックブック
</a></li><li class="dropdown-item"><!----> <a href="markdown2.html" class="nav-link">
  例
</a></li><li class="dropdown-item"><!----> <a href="writing-guide2.html" class="nav-link">
  貢献
</a></li><li class="dropdown-item"><!----> <a href="" aria-current="page" class="nav-link router-link-exact-active router-link-active">
  Vue 2 からの移行
</a></li></ul></div></div><div class="nav-item"><a href="javascript:;" class="nav-link">
  API リファレンス
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="エコシステム" class="dropdown-title"><span class="title">エコシステム</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>
          コミュニティ
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="javascript:;" class="nav-link">
  チーム
</a></li><li class="dropdown-subitem"><a href="partners3.html" class="nav-link">
  パートナー
</a></li><li class="dropdown-subitem"><a href="javascript:;" class="nav-link">
  参加する
</a></li><li class="dropdown-subitem"><a href="javascript:;" class="nav-link">
  テーマ
</a></li></ul></li><li class="dropdown-item"><h4>
          公式プロジェクト
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="index4.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue Router
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="index5.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vuex
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="index6.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue CLI
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="index7.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue Test Utils
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="index8.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Devtools
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="index9.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  ウィークリーニュース
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="index10.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  ブログ
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Vue を支援する" class="dropdown-title"><span class="title">Vue を支援する</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="javascript:;" class="nav-link">
  1 回きりの支援
</a></li><li class="dropdown-item"><!----> <a href="javascript:;" class="nav-link">
  継続的な支援
</a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Tシャツショップ
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="翻訳" class="dropdown-title"><span class="title">翻訳</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="index12.html" target="_blank" class="nav-link external">
  English
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="index.html" target="_blank" class="nav-link external">
  中文
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="index13.html" target="_blank" class="nav-link external">
  한국어
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="index15.html" target="_blank" class="nav-link external">
  Русский
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="translations1.html#community-translations" class="nav-link">
  その他の翻訳
</a></li></ul></div></div> <a href="javascript:;" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="docsearch"></div></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Documentation Menu" class="dropdown-title"><span class="title">ドキュメント</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="introduction6.html" class="nav-link">
  ガイド
</a></li><li class="dropdown-item"><!----> <a href="javascript:;" class="nav-link">
  スタイルガイド
</a></li><li class="dropdown-item"><!----> <a href="javascript:;" class="nav-link">
  クックブック
</a></li><li class="dropdown-item"><!----> <a href="markdown2.html" class="nav-link">
  例
</a></li><li class="dropdown-item"><!----> <a href="writing-guide2.html" class="nav-link">
  貢献
</a></li><li class="dropdown-item"><!----> <a href="" aria-current="page" class="nav-link router-link-exact-active router-link-active">
  Vue 2 からの移行
</a></li></ul></div></div><div class="nav-item"><a href="javascript:;" class="nav-link">
  API リファレンス
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="エコシステム" class="dropdown-title"><span class="title">エコシステム</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>
          コミュニティ
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="javascript:;" class="nav-link">
  チーム
</a></li><li class="dropdown-subitem"><a href="partners3.html" class="nav-link">
  パートナー
</a></li><li class="dropdown-subitem"><a href="javascript:;" class="nav-link">
  参加する
</a></li><li class="dropdown-subitem"><a href="javascript:;" class="nav-link">
  テーマ
</a></li></ul></li><li class="dropdown-item"><h4>
          公式プロジェクト
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="index4.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue Router
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="index5.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vuex
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="index6.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue CLI
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="index7.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue Test Utils
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="index8.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Devtools
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="index9.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  ウィークリーニュース
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="index10.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  ブログ
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Vue を支援する" class="dropdown-title"><span class="title">Vue を支援する</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="javascript:;" class="nav-link">
  1 回きりの支援
</a></li><li class="dropdown-item"><!----> <a href="javascript:;" class="nav-link">
  継続的な支援
</a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Tシャツショップ
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="翻訳" class="dropdown-title"><span class="title">翻訳</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="index12.html" target="_blank" class="nav-link external">
  English
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="index.html" target="_blank" class="nav-link external">
  中文
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="index13.html" target="_blank" class="nav-link external">
  한국어
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="index15.html" target="_blank" class="nav-link external">
  Русский
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="translations1.html#community-translations" class="nav-link">
  その他の翻訳
</a></li></ul></div></div> <a href="javascript:;" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav>  <ul class="sidebar-links"><li><a href="" aria-current="page" class="active sidebar-link">はじめに</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="#概要" class="sidebar-link">概要</a></li><li class="sidebar-sub-header"><a href="#クイックスタート" class="sidebar-link">クイックスタート</a></li><li class="sidebar-sub-header"><a href="#移行ビルド" class="sidebar-link">移行ビルド</a></li><li class="sidebar-sub-header"><a href="#注目すべき新機能" class="sidebar-link">注目すべき新機能</a></li><li class="sidebar-sub-header"><a href="#破壊的変更" class="sidebar-link">破壊的変更</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="#グローバル-api" class="sidebar-link">グローバル API</a></li><li class="sidebar-sub-header"><a href="#テンプレートディレクティブ" class="sidebar-link">テンプレートディレクティブ</a></li><li class="sidebar-sub-header"><a href="#コンポーネント" class="sidebar-link">コンポーネント</a></li><li class="sidebar-sub-header"><a href="#render-関数" class="sidebar-link">Render 関数</a></li><li class="sidebar-sub-header"><a href="#カスタム要素" class="sidebar-link">カスタム要素</a></li><li class="sidebar-sub-header"><a href="#その他の細かな変更" class="sidebar-link">その他の細かな変更</a></li><li class="sidebar-sub-header"><a href="#削除された-api" class="sidebar-link">削除された API</a></li></ul></li><li class="sidebar-sub-header"><a href="#サポートライブラリ" class="sidebar-link">サポートライブラリ</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="#vue-cli" class="sidebar-link">Vue CLI</a></li><li class="sidebar-sub-header"><a href="#vue-router" class="sidebar-link">Vue Router</a></li><li class="sidebar-sub-header"><a href="#vuex" class="sidebar-link">Vuex</a></li><li class="sidebar-sub-header"><a href="#devtools-extension" class="sidebar-link">Devtools Extension</a></li><li class="sidebar-sub-header"><a href="#ide-のサポート" class="sidebar-link">IDE のサポート</a></li></ul></li><li class="sidebar-sub-header"><a href="#その他のプロジェクト" class="sidebar-link">その他のプロジェクト</a></li></ul></li><li><a href="javascript:;" class="sidebar-link">移行ビルド</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>詳細</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="javascript:;" class="sidebar-link">v-forのref配列</a></li><li><a href="javascript:;" class="sidebar-link">非同期コンポーネント</a></li><li><a href="javascript:;" class="sidebar-link">属性強制の振る舞い</a></li><li><a href="javascript:;" class="sidebar-link">class と style を含む $attrs</a></li><li><a href="javascript:;" class="sidebar-link">$children</a></li><li><a href="javascript:;" class="sidebar-link">カスタムディレクティブ</a></li><li><a href="javascript:;" class="sidebar-link">カスタム要素の相互運用性</a></li><li><a href="javascript:;" class="sidebar-link">Data オプション</a></li><li><a href="javascript:;" class="sidebar-link">emits オプション</a></li><li><a href="javascript:;" class="sidebar-link">イベント API</a></li><li><a href="javascript:;" class="sidebar-link">フィルタ</a></li><li><a href="javascript:;" class="sidebar-link">Fragments</a></li><li><a href="javascript:;" class="sidebar-link">関数型コンポーネント</a></li><li><a href="javascript:;" class="sidebar-link">グローバル API</a></li><li><a href="javascript:;" class="sidebar-link">グローバル API の Treeshaking</a></li><li><a href="javascript:;" class="sidebar-link">Inline Template 属性</a></li><li><a href="javascript:;" class="sidebar-link">key 属性</a></li><li><a href="javascript:;" class="sidebar-link">キーコード修飾子</a></li><li><a href="javascript:;" class="sidebar-link">$listeners の削除</a></li><li><a href="javascript:;" class="sidebar-link">マウント API の変更</a></li><li><a href="javascript:;" class="sidebar-link">propsData</a></li><li><a href="javascript:;" class="sidebar-link">プロパティのデフォルト値ファクトリ関数の this アクセス</a></li><li><a href="javascript:;" class="sidebar-link">Render 関数 API</a></li><li><a href="javascript:;" class="sidebar-link">スロットの統合</a></li><li><a href="javascript:;" class="sidebar-link">Suspense</a></li><li><a href="javascript:;" class="sidebar-link">トランジションクラスの変更</a></li><li><a href="javascript:;" class="sidebar-link">ルートとしてのトランジション</a></li><li><a href="javascript:;" class="sidebar-link">トランジショングループのルート要素</a></li><li><a href="javascript:;" class="sidebar-link">v-on.native 修飾子の削除</a></li><li><a href="javascript:;" class="sidebar-link">v-model</a></li><li><a href="javascript:;" class="sidebar-link">v-if と v-for の優先順位</a></li><li><a href="javascript:;" class="sidebar-link">v-bind マージの振る舞い</a></li><li><a href="javascript:;" class="sidebar-link">VNode ライフサイクルイベント</a></li><li><a href="javascript:;" class="sidebar-link">配列の監視</a></li></ul></section></li></ul> </aside> <main class="page"><div class="carbon-ads"></div>  <div class="theme-default-content content__default"><h1 id="はじめに"><a href="#はじめに" class="header-anchor">#</a> はじめに</h1> <div class="custom-block info"><p class="custom-block-title">INFO</p><p>Vue.js を使うのは初めてですか？ <a href="introduction6.html">エッセンシャルガイド</a> を参考に使い始めてみてください。</p></div><p>このガイドは主に、Vue 3 の新機能と変更点について学びたい Vue 2 の経験があるユーザーを対象としています。 <strong>Vue 3 を試す前にこのガイドを上から下まで読む必要はありません。</strong> 多くの変更があったように見えますが、Vue についてあなたが知っていて愛していることの多くは同じままです。 しかし、私たちは可能な限り徹底し、文書化されたすべての変更について詳細な説明と例を提供したいと考えました。</p> <ul><li><a href="#%E3%82%AF%E3%82%A4%E3%83%83%E3%82%AF%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88">クイックスタート</a></li> <li><a href="#%E7%A7%BB%E8%A1%8C%E3%83%92%E3%82%99%E3%83%AB%E3%83%88%E3%82%99">移行ビルド</a></li> <li><a href="#%E6%B3%A8%E7%9B%AE%E3%81%99%E3%81%B8%E3%82%99%E3%81%8D%E6%96%B0%E6%A9%9F%E8%83%BD">注目すべき新機能</a></li> <li><a href="#%E7%A0%B4%E5%A3%8A%E7%9A%84%E5%A4%89%E6%9B%B4">破壊的変更</a></li> <li><a href="#%E3%82%B5%E3%83%9B%E3%82%9A%E3%83%BC%E3%83%88%E3%83%A9%E3%82%A4%E3%83%95%E3%82%99%E3%83%A9%E3%83%AA">サポートライブラリ</a></li></ul> <h2 id="概要"><a href="#概要" class="header-anchor">#</a> 概要</h2> <br> <iframe src="javascript:;" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="allowfullscreen"></iframe> <p><a href="javascript:;" target="_blank" rel="noopener noreferrer">Vue Mastery<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> で Vue 3 を学び始める。</p> <h2 id="クイックスタート"><a href="#クイックスタート" class="header-anchor">#</a> クイックスタート</h2> <p>新しいプロジェクトで Vue 3 をすぐに試してみたい場合:</p> <ul><li><p>CDN 経由: <code>&lt;script src=&quot;https://unpkg.com/vue@next&quot;&gt;&lt;/script&gt;</code></p></li> <li><p><a href="javascript:;" target="_blank" rel="noopener noreferrer">Codepen<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 上のブラウザ内プレイグラウンド</p></li> <li><p><a href="javascript:;" target="_blank" rel="noopener noreferrer">CodeSandbox<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 上のブラウザ内サンドボックス</p></li> <li><p><a href="javascript:;" target="_blank" rel="noopener noreferrer">Vite<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> を使った Scaffold:</p> <div class="language-bash line-numbers-mode"><pre class="language-bash"><code><span class="token function">npm</span> init vite hello-vue3 -- --template vue <span class="token comment"># OR yarn create vite hello-vue3 --template vue</span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div></li> <li><p><a href="index6.html" target="_blank" rel="noopener noreferrer">vue-cli<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> を使った Scaffold:</p> <div class="language-bash line-numbers-mode"><pre class="language-bash"><code><span class="token function">npm</span> <span class="token function">install</span> -g @vue/cli <span class="token comment"># OR yarn global add @vue/cli</span>
vue create hello-vue3
<span class="token comment"># select vue 3 preset</span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div></li></ul> <h2 id="移行ビルド"><a href="#移行ビルド" class="header-anchor">#</a> 移行ビルド</h2> <p>既存の Vue 2 プロジェクトやライブラリを Vue 3 にアップグレードする場合は、Vue 2 と互換性のある API を提供する Vue 3 のビルドを提供しています。詳しくは<a href="javascript:;">移行ビルド</a>のページをご覧ください。</p> <h2 id="注目すべき新機能"><a href="#注目すべき新機能" class="header-anchor">#</a> 注目すべき新機能</h2> <p>Vue 3 で注目すべきいくつかの新機能の次のとおりです。</p> <ul><li><a href="javascript:;">Composition API</a></li> <li><a href="javascript:;">Teleport</a></li> <li><a href="javascript:;">Fragments</a></li> <li><a href="javascript:;">Emits Component Option</a></li> <li>カスタムレンダラを作るための <a href="javascript:;" target="_blank" rel="noopener noreferrer"><code>@vue/runtime-core</code> の <code>createRenderer</code> API<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="javascript:;">SFC での Composition API の Syntax Sugar (<code>&lt;script setup&gt;</code>)</a></li> <li><a href="javascript:;">SFC でのステートドリブンな CSS Variables (<code>&lt;style&gt;</code> の <code>v-bind</code>)</a></li> <li><a href="javascript:;" target="_blank" rel="noopener noreferrer">SFC での <code>&lt;style scoped&gt;</code> は、グローバルルールまたはスロットされたコンテンツのみを対象とするルールを含めることができるようになりました<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="javascript:;">Suspense</a> <span class="badge warning" style="vertical-align:top;" data-v-0cc74adb="">experimental</span></li></ul> <h2 id="破壊的変更"><a href="#破壊的変更" class="header-anchor">#</a> 破壊的変更</h2> <p>以下は、2.x からの破壊的変更の一覧です。:</p> <h3 id="グローバル-api"><a href="#グローバル-api" class="header-anchor">#</a> グローバル API</h3> <ul><li><a href="javascript:;">グローバルな Vue API は、アプリケーションインスタンスを使用するように変更されました</a></li> <li><a href="javascript:;">グローバル API と内部 API は、ツリーシェイキングが可能になるように再構築されました</a></li></ul> <h3 id="テンプレートディレクティブ"><a href="#テンプレートディレクティブ" class="header-anchor">#</a> テンプレートディレクティブ</h3> <ul><li><a href="javascript:;">コンポーネントでの <code>v-model</code> の使用方法が作り直され、 <code>v-bind.sync</code> が置き換えられました</a></li> <li><a href="javascript:;"><code>&lt;templatev-for&gt;</code> ノードと非 <code>v-for</code> ノードでの <code>key</code> の使用法が変更されました</a></li> <li><a href="javascript:;">同じ要素で使用した場合の <code>v-if</code> と <code>v-for</code> の優先順位が変更されました</a></li> <li><a href="javascript:;"><code>v-bind=&quot;object&quot;</code> は順序依存(order-sensitive)になりました</a></li> <li><a href="javascript:;"><code>v-on:event.native</code> 修飾子は削除されました</a></li> <li><a href="javascript:;"><code>v-for</code> 内の <code>ref</code> は refs の配列を登録しなくなりました</a></li></ul> <h3 id="コンポーネント"><a href="#コンポーネント" class="header-anchor">#</a> コンポーネント</h3> <ul><li><a href="javascript:;">関数コンポーネントは、単純な関数を使用してのみ作成可能になりました</a></li> <li><a href="javascript:;">単一ファイルコンポーネント (SFC) における <code>functional</code> 属性の <code>&lt;template&gt;</code> および <code>functional</code> コンポーネントオプションは非推奨になりました</a></li> <li><a href="javascript:;">非同期コンポーネントは、 <code>defineAsyncComponent</code> メソッドを使って作成することが必要になりました</a></li> <li><a href="javascript:;">コンポーネントのイベントは、 <code>emits</code> で宣言できるようになりました</a></li></ul> <h3 id="render-関数"><a href="#render-関数" class="header-anchor">#</a> Render 関数</h3> <ul><li><a href="javascript:;">Render 関数の API が変更されました</a></li> <li><a href="javascript:;"><code>$scopedSlots</code> プロパティが削除され、すべてのスロットが <code>$slots</code> を介して関数として公開されるようになりました</a></li> <li><a href="javascript:;"><code>$listeners</code> は削除され、 <code>$attrs</code> にマージされました</a></li> <li><a href="javascript:;"><code>$attrs</code> に <code>class</code> と <code>style</code> 属性が追加されました</a></li></ul> <h3 id="カスタム要素"><a href="#カスタム要素" class="header-anchor">#</a> カスタム要素</h3> <ul><li><a href="javascript:;">テンプレートのコンパイル中にカスタム要素のチェックが実行されるようになりました</a></li> <li><a href="javascript:;">特別な <code>is</code> 属性 の使用は、予約済みの <code>&lt;component&gt;</code> タグのみに制限されるようになりました</a></li></ul> <h3 id="その他の細かな変更"><a href="#その他の細かな変更" class="header-anchor">#</a> その他の細かな変更</h3> <ul><li><code>destroyed</code> ライフサイクルオプションの名前が <code>unmounted</code> に変更されました</li> <li><code>beforeDestroy</code> ライフサイクルオプションの名前が <code>beforeUnmount</code> に変更されました</li> <li><a href="javascript:;">Props の <code>default</code> ファクトリ関数は <code>this</code> コンテキストにアクセスできなくなりました</a></li> <li><a href="javascript:;">コンポーネントライフサイクルに合わせてカスタムディレクティブ API が変更され、<code>binding.expression</code> が削除されました</a></li> <li><a href="javascript:;"><code>data</code> オプションは常に関数として宣言されることが必要になりました</a></li> <li><a href="javascript:;">ミックスインの <code>data</code> オプションは浅くマージされるようになりました</a></li> <li><a href="javascript:;">属性強制の戦略が変更されました</a></li> <li><a href="javascript:;">一部のトランジションクラスの名前が変更されました</a></li> <li><a href="javascript:;"><code>&lt;TransitionGroup&gt;</code> はデフォルトでラッパー要素をレンダリングしなくなりました</a></li> <li><a href="javascript:;">配列を監視している場合、コールバックは配列が置き換えられたときにのみ発火されるようになりました。 ミューテーションで発火する必要がある場合は、 <code>deep</code> オプションを指定する必要があります。</a></li> <li>特別なディレクティブ(<code>v-if/else-if/else</code> 、 <code>v-for</code> 、または <code>v-slot</code>）が使われていない <code>&lt;template&gt;</code> タグはプレーンな要素として扱われ、内部コンテンツをレンダリングする代わりにネイティブの <code>&lt;template&gt;</code> 要素となります。</li> <li><a href="javascript:;">マウントされたアプリケーションは、マウント先の要素を置き換えなくなりました</a></li> <li><a href="javascript:;">ライフサイクルの <code>hook:</code> イベントのプレフィックスは <code>vnode-</code> に変更されました</a></li></ul> <h3 id="削除された-api"><a href="#削除された-api" class="header-anchor">#</a> 削除された API</h3> <ul><li><a href="javascript:;"><code>v-on</code> の修飾子としての <code>keyCode</code> のサポート</a></li> <li><a href="javascript:;">$on, $off そして $once のインスタンスメソッド</a></li> <li><a href="javascript:;">Filters</a></li> <li><a href="javascript:;">インラインテンプレート属性</a></li> <li><a href="javascript:;"><code>$children</code> インスタンスプロパティ</a></li> <li><a href="javascript:;"><code>propsData</code> オプション</a></li> <li><code>$destroy</code> インスタンスメソッド。 ユーザーは、個々の Vue コンポーネントのライフサイクルを手動で管理べきではなくなりました。</li> <li>グローバル関数の <code>set</code> と <code>delete</code>、およびインスタンスメソッドの <code>$set</code> と <code>$delete</code>。これらはプロキシベースの変更検出では必要なくなりました。</li></ul> <h2 id="サポートライブラリ"><a href="#サポートライブラリ" class="header-anchor">#</a> サポートライブラリ</h2> <p>現在、すべての公式ライブラリとツールが Vue 3 をサポートしていますが、中にはまだベータ版やリリース候補版のものもあります。それぞれのライブラリの詳細は以下のとおりです。ほとんどのライブラリは現在、 npm の <code>next</code> 配布 (dist) タグで配布されています。すべての公式ライブラリが互換性のある安定したバージョンになったら、 <code>latest</code> に変更する予定です。</p> <h3 id="vue-cli"><a href="#vue-cli" class="header-anchor">#</a> Vue CLI</h3> <p><a href="javascript:;" target="_blank" noopener="" noreferrer=""><img src="static/picture/cli.jpg"></a></p> <p>v4.5.0 以降、 <code>vue-cli</code> は新しいプロジェクトを作成するときに、Vue 3 を選択するための組み込みオプションを提供するようになりました。 <code>vue-cli</code> をアップグレードし、 <code>vue create</code> を実行して、Vue3 プロジェクトを今すぐ作成できます。</p> <ul><li><a href="index6.html" target="_blank" rel="noopener noreferrer">Documentation<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="javascript:;" target="_blank" rel="noopener noreferrer">GitHub<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h3 id="vue-router"><a href="#vue-router" class="header-anchor">#</a> Vue Router</h3> <p><a href="javascript:;" target="_blank" noopener="" noreferrer=""><img src="static/picture/next.svg"></a></p> <p>Vue Router 4.0 は Vue 3 のサポートを提供し、独自の破壊的変更がいくつかあります。 詳細については、<a href="index18.html" target="_blank" rel="noopener noreferrer">移行ガイド<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> を確認してください。</p> <ul><li><a href="index4.html" target="_blank" rel="noopener noreferrer">Documentation<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="javascript:;" target="_blank" rel="noopener noreferrer">GitHub<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="javascript:;" target="_blank" rel="noopener noreferrer">RFCs<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h3 id="vuex"><a href="#vuex" class="header-anchor">#</a> Vuex</h3> <p><a href="javascript:;" target="_blank" noopener="" noreferrer=""><img src="static/picture/next1.svg"></a></p> <p>Vuex 4.0 は、3.x と大部分は同じ API で Vue3 のサポートを提供します。 唯一の破壊的変更は、<a href="migrating-to-4-0-from-3-x.html#breaking-changes" target="_blank" rel="noopener noreferrer">プラグインのインストール方法<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>です。</p> <ul><li><a href="index5.html" target="_blank" rel="noopener noreferrer">Documentation<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="javascript:;" target="_blank" rel="noopener noreferrer">GitHub<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h3 id="devtools-extension"><a href="#devtools-extension" class="header-anchor">#</a> Devtools Extension</h3> <p>新しい UI を備え、複数の Vue のバージョンをサポートするために、内部処理にリファクタリングを施した新しいバージョンの Devtools を開発中です。 新しいバージョンは現在ベータ版であり、Vue 3 のみをサポートしています(現時点では)。 Vuex と Router の統合も進行中です。</p> <ul><li><p>Chrome の場合: <a href="javascript:;" target="_blank" rel="noopener noreferrer">Chrome ウェブストアからインストール<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <ul><li>注：ベータチャネルは devtools の安定バージョンと競合する可能性があるため、ベータチャネルが正しく機能するには、安定バージョンを一時的に無効にする必要があるかもしれません。</li></ul></li> <li><p>Firefox の場合: <a href="javascript:;" target="_blank" rel="noopener noreferrer">署名された拡張機能をダウンロード<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> (Assets の下の <code>.xpi</code> ファイル)</p></li></ul> <h3 id="ide-のサポート"><a href="#ide-のサポート" class="header-anchor">#</a> IDE のサポート</h3> <p><a href="javascript:;" target="_blank" rel="noopener noreferrer">VSCode<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> を公式の拡張機能である <a href="javascript:;" target="_blank" rel="noopener noreferrer">Volar<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> とともに使用することをおすすめします。それにより Vue3 の包括的な IDE のサポートを得ることができます。</p> <h2 id="その他のプロジェクト"><a href="#その他のプロジェクト" class="header-anchor">#</a> その他のプロジェクト</h2> <table><thead><tr><th>Project</th> <th>npm</th> <th>Repo</th></tr></thead> <tbody><tr><td>@vue/babel-plugin-jsx</td> <td><a href="javascript:;" target="_blank" rel="noopener noreferrer"><img src="static/picture/babel-plugin-jsx.svg" alt="rc"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td>[<a href="javascript:;" target="_blank" rel="noopener noreferrer">GitHub<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>]</td></tr> <tr><td>eslint-plugin-vue</td> <td><a href="javascript:;" target="_blank" rel="noopener noreferrer"><img src="static/picture/eslint-plugin-vue.svg" alt="ga"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td>[<a href="javascript:;" target="_blank" rel="noopener noreferrer">GitHub<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>]</td></tr> <tr><td>@vue/test-utils</td> <td><a href="javascript:;" target="_blank" rel="noopener noreferrer"><img src="static/picture/next2.svg" alt="beta"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td>[<a href="javascript:;" target="_blank" rel="noopener noreferrer">GitHub<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>]</td></tr> <tr><td>vue-class-component</td> <td><a href="javascript:;" target="_blank" rel="noopener noreferrer"><img src="static/picture/next3.svg" alt="beta"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td>[<a href="javascript:;" target="_blank" rel="noopener noreferrer">GitHub<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>]</td></tr> <tr><td>vue-loader</td> <td><a href="javascript:;" target="_blank" rel="noopener noreferrer"><img src="static/picture/next4.svg" alt="rc"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td>[<a href="javascript:;" target="_blank" rel="noopener noreferrer">GitHub<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>]</td></tr> <tr><td>rollup-plugin-vue</td> <td><a href="javascript:;" target="_blank" rel="noopener noreferrer"><img src="static/picture/next5.svg" alt="beta"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td>[<a href="javascript:;" target="_blank" rel="noopener noreferrer">GitHub<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>]</td></tr></tbody></table> <div class="custom-block info"><p class="custom-block-title">INFO</p><p>Vue 3 のライブラリとの互換性については、 <a href="javascript:;" target="_blank" rel="noopener noreferrer">awesome-vue のこの Issue<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> を見てください。</p></div></div> <footer class="page-edit" data-v-7b53025e=""><div class="container" data-v-7b53025e=""><p data-v-7b53025e="">
      Deployed on
      <a href="javascript:;" data-v-7b53025e="">Netlify</a>.
      <br data-v-7b53025e=""> <span class="edit-link" data-v-7b53025e="">
        Caught a mistake or want to contribute to the documentation?
          <a href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-7b53025e="">
            GitHub でこのページを編集！
            <span data-v-7b53025e=""><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></span> <br data-v-7b53025e=""> <span class="prefix" data-v-7b53025e="">最終更新日:</span> <span class="time" data-v-7b53025e="">2021-12-04, 14:34:39 UTC</span></p></div></footer> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="javascript:;">移行ビルド</a>
      →
    </span></p></div> <div class="bsa-cpc-wrapper"><div class="bsa-cpc"></div></div> </main></div><div class="global-ui"><!----></div></div>
    <script src="static/js/app.a367b364.js" defer=""></script><script src="static/js/11.07f1a83c.js" defer=""></script><script src="static/js/135.efa94c1a.js" defer=""></script><script src="static/js/31.360512aa.js" defer=""></script><script src="static/js/22.92da0aa8.js" defer=""></script>
  </body>
</html>
